<template>
	<view class="message__container">
		<view class="price__container">
			<span>￥</span>
			<text>{{cost}}</text>
			<span>优惠价</span>
		</view>
		
		<view class="price__container">
			<del><span>原价： ￥{{price}}</span></del>
			<span> | </span>
			<span>已售：{{sell}}件</span>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			price: String ,  // 市场价
			cost : String ,  // 销售价
			sell : Number    // 卖出数量
		}
	}
</script>

<style>
	.message__container {
		padding: 14rpx 30rpx;
		height: 96rpx;
		background-color: #EBB566;
	}
	
	.message__container .price__container text{
		margin-right: 20rpx;
		font-size: 36rpx;
		color: #FFFFFF;
		font-weight: bold;
	}
	
	.message__container .price__container span{
		margin-right: 10rpx;
		font-size: 24rpx;
		color: #FFFFFF;
	}
	
	del{
		color: #FFFFFF;
	}
</style>
